{% include "header.html" %}
<script language="javascript" type="text/javascript" src="/flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="/flot/jquery.flot.stack.js"></script>
<script type="text/javascript" src="/scripts/question.js"></script>
<h1 id="questiontext">{{ question.text }}.</h1>
<br />
{% set letters = cycler("A", "B", "C", "D", "E") %}
<!-- Display choices -->

<h2 id="choicesHeader"> Choices for this question: </h2>
{% for option in question.options %}	
	<br />
	{% set letter = letters.next() %}		
	<div class="entry choice" title="{{ letter }}" id="{{ letter }}">		
	<span class="entryHeading choices">{{ letter }}: {{ option }}</span>		 
	</div>
{% endfor %}


<div class="entry" id="correctAnswer">The correct answer is {{ question.answer }}</div><br />
<button type="button" class="teacherButtons" id="responsesVisibleButton" onclick="">Make Public</button>
<button type="button" class="teacherButtons" id="showDataButton" onclick="">Show Analytics</button>
<button type="button" class="teacherButtons" id="showAnswerButton" onclick="">Show Answer</button>	

<br />
<h2 class="analytics"> Analytics: </h2>
<h4 class="analytics"> Student Responses: </h4>
<div class="entry analytics" id="responseholder" style="height:250px;"></div><br />
<button type="button" id="stackHistogram" onclick="">Toggle Stacking</button>
<h4 class="analytics"> Time Taken: </h4>
<div class="entry analytics" id="timeholder" style="height:250px;"></div>	

<br />
<div class="backUp">
<span><a class="entryHeading" href="/course/{{ course.key() }}">Back to {{ course.name }}</a></span>
</div>
<div class="backUp">
<span><a class="entryHeading" href="/category/{{ category.key() }}">Back to {{ category.name }}</a></span>
</div>
<div class="backUp"> 
<span><a class="entryHeading" href="/">Back to Homepage</a></span>
</div>

<span id="storeCourse" title="{{ course.key() }}"></span>
<span id="storeCategory" title="{{ category.key() }}"></span>
<span id="storeQuestion" title="{{ question.key() }}"></span>
<span id="storeTime" title="{{ question.timeToAnswer }}"></span>
{% include "footer.html" %}